<template>
  <div>
    <video-player :options="videoOptions"/>
  </div>
</template>

<script>
import logoImg from '@/assets/logo/logo.png'
import VideoPlayer from "@/components/VideoPlayer.vue";

export default {
  name: "BaseIndex",
  components: {
    VideoPlayer
  },
  data() {
    return {
      videoOptions: {
        poster: logoImg, // 视频封面图地址
        controls: true, // 是否显示控制条
        preload: 'auto',
        autoplay: false,
        language: 'zh-CN', // 设置语言
        muted: false, // 是否静音
        sources: [
          {
            src: "https://api.dogecloud.com/player/get.mp4?vcode=5ac682e6f8231991&userId=17&ext=.mp4",
            type: "video/mp4",
          }
        ],
        controlBar: { // 设置控制条组件
          'currentTimeDisplay': true,
          'timeDivider': true,
          'durationDisplay': true,
          'remainingTimeDisplay': true, // 当前播放时间
          children: [
            {name: 'playToggle'}, // 播放/暂停按钮
            {name: 'currentTimeDisplay'}, // 视频当前已播放时间
            {name: 'progressControl'}, // 播放进度条
            {name: 'durationDisplay', value: true}, // 视频播放总时间
            {
              name: 'volumePanel', // 音量控制
              inline: false, // 不使用水平方式
            },
            {name: 'FullscreenToggle'} // 全屏
          ]


        },
      },
    }

  },

  methods: {}

}

</script>
